<!doctype html>
<html class="no-js" lang="">
<head>
  <meta charset="utf-8">
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>kblog ui</title>

  <link rel="apple-touch-icon" href="apple-touch-icon.png">
  <!-- Place favicon.ico in the root directory -->


  <link rel="stylesheet" href="styles/layout.css">

  <link rel="stylesheet" href="styles/index.css">

  <script src="scripts/vendor/modernizr.js"></script>
</head>
<body>
<!--[if lt IE 10]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
  your browser</a> to improve your experience.</p>
<![endif]-->


<header class="header">

  <div class="navbar-header">
    <a class="navbar-brand" href="/">Anting</a>
    <button class="navbar-toggle collapsed"></button>
  </div>

  <div class="navbar-collapse collapse collapsing">
    <h1 class="header-logo">
      <a href="#">anting</a>
    </h1>
    <nav class="header-nav">
      <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">JAVA</a></li>
        <li><a href="#">CSS</a></li>
        <li><a href="#">算法</a></li>
        <li><a href="#">其他</a></li>
      </ul>
    </nav>
    <div class="header-search">
      <form action="#">
        <input class="search-input" type="search" placeholder="search">
      </form>
    </div>

    <div class="header-login">
      <a href="login.html">登陆</a>
    </div>
  </div>

</header>

<div class="banner">
    <h1>从点点滴滴做起</h1>
    <h2>保护环境， 绿色出行，从我做起</h2>
</div>

<div class="container">
  <div class="main">
    <article>
      <div class="image-img">
        <a href="#"><p class="category">Java</p></a>
        <a href="topic.html"><img src="https://dn-wpku.qbox.me/wp-2.png" alt=""></a>
      </div>
      <div class="article-descr">
        <h2>
          <a href="topic.html">移除 WordPress 中的「找回密码」功能</a>
        </h2>
        <p>
          这个主题断断续续写了有两个月了，因为平时也很忙，只能抽时间来弄，加之我很懒，所以进度就变得无比之慢，最近我觉得得赶快把他给弄出来，我自己都看不下去这进度了 　　先说说为啥叫“...
        </p>
      </div>
    </article>
    <article>
      <div class="image-img">
        <a href="#"><p class="category">Java</p></a>
        <a href="topic.html"><img src="https://dn-wpku.qbox.me/wp-2.png" alt=""></a>
      </div>
      <div class="article-descr">
        <h2>
          <a href="topic.html">移除 WordPress 中的「找回密码」功能</a>
        </h2>
        <p>
          这个主题断断续续写了有两个月了，因为平时也很忙，只能抽时间来弄，加之我很懒，所以进度就变得无比之慢，最近我觉得得赶快把他给弄出来，我自己都看不下去这进度了 　　先说说为啥叫“...
        </p>
      </div>
    </article>
    <article>
      <div class="image-img">
        <a href="#"><p class="category">Java</p></a>
        <a href="topic.html"><img src="https://dn-wpku.qbox.me/wp-2.png" alt=""></a>
      </div>
      <div class="article-descr">
        <h2>
          <a href="topic.html">移除 WordPress 中的「找回密码」功能</a>
        </h2>
        <p>
          这个主题断断续续写了有两个月了，因为平时也很忙，只能抽时间来弄，加之我很懒，所以进度就变得无比之慢，最近我觉得得赶快把他给弄出来，我自己都看不下去这进度了 　　先说说为啥叫“...
        </p>
      </div>
    </article>
    <article>
      <div class="image-img">
        <a href="#"><p class="category">Java</p></a>
        <a href="topic.html"><img src="https://dn-wpku.qbox.me/wp-2.png" alt=""></a>
      </div>
      <div class="article-descr">
        <h2>
          <a href="topic.html">移除 WordPress 中的「找回密码」功能</a>
        </h2>
        <p>
          这个主题断断续续写了有两个月了，因为平时也很忙，只能抽时间来弄，加之我很懒，所以进度就变得无比之慢，最近我觉得得赶快把他给弄出来，我自己都看不下去这进度了 　　先说说为啥叫“...
        </p>
      </div>
    </article>
    <article>
      <div class="image-img">
        <a href="#"><p class="category">Java</p></a>
        <a href="topic.html"><img src="https://dn-wpku.qbox.me/wp-2.png" alt=""></a>
      </div>
      <div class="article-descr">
        <h2>
          <a href="topic.html">移除 WordPress 中的「找回密码」功能</a>
        </h2>
        <p>
          这个主题断断续续写了有两个月了，因为平时也很忙，只能抽时间来弄，加之我很懒，所以进度就变得无比之慢，最近我觉得得赶快把他给弄出来，我自己都看不下去这进度了 　　先说说为啥叫“...
        </p>
      </div>
    </article>


  </div>

  <aside class="aside aside-recommend">
    <section class="hot-recommend">
      <h3>热门推荐</h3>
      <ul>
        <li><a href="#">Imagepaste – 粘贴即上传的 WordPress 编辑器增强插件</a></li>
        <li><a href="#">Imagepaste – 粘贴即上传的 WordPress 编辑器增强插件</a></li>
        <li><a href="#">Imagepaste – 粘贴即上传的 WordPress 编辑器增强插件</a></li>
        <li><a href="#">Imagepaste – 粘贴即上传的 WordPress 编辑器增强插件</a></li>
        <li><a href="#">Imagepaste – 粘贴即上传的 WordPress 编辑器增强插件</a></li>
        <li><a href="#">Imagepaste – 粘贴即上传的 WordPress 编辑器增强插件</a></li>
        <li><a href="#">Imagepaste – 粘贴即上传的 WordPress 编辑器增强插件</a></li>
        <li><a href="#">Imagepaste – 粘贴即上传的 WordPress 编辑器增强插件</a></li>
        <li><a href="#">Imagepaste – 粘贴即上传的 WordPress 编辑器增强插件</a></li>
        <li><a href="#">Imagepaste – 粘贴即上传的 WordPress 编辑器增强插件</a></li>
      </ul>
    </section>

    <section class="hot-tags">
      <h3>标签</h3>
      <ul>
        <li><a href="#">Java</a></li>
        <li><a href="#">算法</a></li>
        <li><a href="#">PHP</a></li>
        <li><a href="#">JavaScript</a></li>
        <li><a href="#">Java</a></li>
        <li><a href="#">Java</a></li>
        <li><a href="#">Java</a></li>
      </ul>
    </section>

    <section class="hot-links">
      <h3>友情链接</h3>
      <ul>
        <li><a href="#">Java</a></li>
        <li><a href="#">算法</a></li>
        <li><a href="#">PHP</a></li>
        <li><a href="#">JavaScript</a></li>
        <li><a href="#">Java</a></li>
        <li><a href="#">Java</a></li>
        <li><a href="#">Java</a></li>
      </ul>
    </section>
  </aside>
</div>
<footer class="footer">
  <div class="foot">
    <div class="describes">
      <h3>关于本站</h3>
      <p> WP酷 提供免费的 WordPress 企业模板,淘宝客主题,博客主题等各种主题下载，并分享 WordPress 主题安装使用教程及模板制作的视频教程下载和实用插件。如果您喜欢，欢迎通过 RSS、邮箱
        订阅本站，WP酷
        将会第一时间为您推送最新信息!</p>
    </div>
    <div class="contact">
      <h3>联系我们</h3>
      <span>Email：pcdotfan@aliyun.com</span>
    </div>
    <div class="qrcode">
      <h3>扫码关注</h3>
      <img src="images/qcode.png">
    </div>
  </div>
</footer>


<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
  (function (b, o, i, l, e, r) {
    b.GoogleAnalyticsObject = l;
    b[l] || (b[l] =
      function () {
        (b[l].q = b[l].q || []).push(arguments)
      });
    b[l].l = +new Date;
    e = o.createElement(i);
    r = o.getElementsByTagName(i)[0];
    e.src = 'https://www.google-analytics.com/analytics.js';
    r.parentNode.insertBefore(e, r)
  }(window, document, 'script', 'ga'));
  ga('create', 'UA-XXXXX-X');
  ga('send', 'pageview');
</script>

<script src="scripts/vendor.js"></script>

<script src="scripts/main.js"></script>

</body>
</html>
